<template>
	<!--线路-->
	<div class="goodAddress">
		<div class="title my-flex-between">
			新增收货地址
		</div>
		<!--表单-->
		<div class="form">
			<el-form ref="form" :model="form" label-width="108px">
				<el-form-item label="收货人姓名">
					<el-input v-model="form.name" placeholder="请填写收货人姓名"></el-input>
				</el-form-item>
				<el-form-item label="手机号">
					<el-input v-model="form.name" placeholder="请填写收货人手机号码"></el-input>
				</el-form-item>
				<el-form-item label="地址">
					<el-select v-model="form.region" placeholder="请选择收货地址">
						<el-option label="区域一" value="shanghai"></el-option>
						<el-option label="区域二" value="beijing"></el-option>
					</el-select>
				</el-form-item>

				<el-form-item label="详细地址">
					<el-input type="textarea" v-model="form.desc" placeholder="请输入详细地址信息"></el-input>
				</el-form-item>
				<el-form-item label="">
					<input-single-checkbox v-model="form.test">设为默认收货地址</input-single-checkbox>
				</el-form-item>
				<el-form-item>
					<li class="save hover my-btn">保存</li>
				</el-form-item>
			</el-form>
		</div>
		<div class="title list my-flex-between">
			地址管理
		</div>
		<table cellspacing="" cellpadding="" class="my-table">
			<tr>
				<th>收货人</th>
				<th>收货地址</th>
				<th>手机号</th>
				<th>操作</th>
				<th></th>
			</tr>
			<tr class="list" v-for="item of tableData">
				<td class="t1 text-center">
					张三丰
				</td>
				<td class="t2">
					广东省广州市季度大厦19楼广东省广州市季度大厦19楼
				</td>
				<td class="t3 text-center">
					13839770965
				</td>
				<td class="t4 text-center">
					编辑 | 删除
				</td>
				<td class=" text-center">
					<input-single-checkbox v-model="form.test">设为默认收货地址</input-single-checkbox>
				</td>
			</tr>
		</table>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'changeRouter'],
		data() {
			return {
				tableData: [{
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1518 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1517 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1519 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1516 弄'
				}],
				form: {}
			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service
		}
	}
</script>

<style lang="less" scoped="scoped" src="../../less/page/userCenter/goodAddress.less"></style>